<template>
  <base-drawer ref="baseDrawer" size="100%" title=" " direction="btt" @handleClose="handleClose">
    <div class="notice_wrap">
      <h1>{{ info.title }}</h1>
      <div class="author">
        作者：{{ info.author }} 时间：{{ info.createTime }} 来源：{{ info.ipAddr }}
      </div>
      <div class="content" v-html="info.content"></div>
    </div>
  </base-drawer>
</template>

<script>
export default {
  data() {
    return {
      info: {}
    }
  },
  methods: {
    init(data) {
      this.info = data
      this.$refs.baseDrawer.drawer = true
    },
    handleClose() {
      this.$emit("updatePage")
    }
  }
}
</script>

<style lang="scss" scoped>
//滚动条
::-webkit-scrollbar {
  display: block !important;
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background-color: rgb(136, 136, 136);
  border-radius: 3px;
  &:horizontal {
    background-color: rgb(141, 141, 141);
  }
}
::-webkit-scrollbar-track {
  width: 6px;
}
.notice_wrap {
  padding: 40px 230px 0;
  h1 {
    margin-bottom: 30px;
  }
  .author {
    font-size: 14px;
    opacity: 0.7;
  }
  .content {
    overflow-x: scroll;
  }
}
</style>
